<%@page import="Dominio.ProgramaEducativo"%>
<%@page import="java.util.ArrayList"%>
<%@page import="DAO.DAOProgramaEducativo"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Registro de cuenta de alumno</title>
    </head>
    <script type="text/javascript" src="js/jquery.js"></script>        
    <script type="text/javascript" src="js/js_registroCuentaAlumno.js"></script>
    <body>
        <h1>Registro de alumno</h1>
        <h3>Datos personales</h3>
        <table>
            <tr>
                <td>Nombre(s):</td>
                <td><input type="text" id="nombre"/></td>
            </tr>
            <tr>
                <td>Apellido paterno:</td>
                <td><input type="text" id="apellidoPaterno"</td>
            </tr>
            <tr>
                <td>Apellido materno:</td>
                <td><input type="text" id="apellidoMaterno"</td>
            </tr>
            <tr>
                <td>Edad:</td>
                <td><input type="text" id="edad"</td>
            </tr>
            <tr>
                <td>Tel&eacute;fono:</td>
                <td><input type="text" id="telefono"</td>
            </tr>
            <tr>
                <td>Direcci&oacute;n:</td>
                <td><input type="text" id="direccion"</td>
            </tr>
            <tr>
                <td>Sexo:</td>                             
                <td><select id="sexo"><option>Hombre</option><option>Mujer</option></select></td>
            </tr>            
        </table>
        
        <h3>Informacion Academica</h3>
        <table>
            <tr>
                <td>Programa educativo:</td>                                   
                <td>
                    <% 
                        String select = "<select id=\"programa_educativo\">";
                    
                        DAOProgramaEducativo daoProgramaEducativo = new DAOProgramaEducativo();
                        ArrayList<ProgramaEducativo> listaProgramasEducativos = daoProgramaEducativo.listarProgramas();
                        daoProgramaEducativo.cerrarconexionAProgramas();
                        
                        for(int i = 0; i < listaProgramasEducativos.size(); i++) {
                            ProgramaEducativo programaEducativo = listaProgramasEducativos.get(i);
                            int claveProgramaEducativo = programaEducativo.getCvePrograma();
                            String nombreProgramaEducativo = programaEducativo.getNombre();
                            
                            select += "<option value=\""+claveProgramaEducativo+"\">"+nombreProgramaEducativo+"</option>";
                        }
                        
                        select += "</select>";
                        
                        out.print(select);
                        
                    %>                    
                </td>
            </tr>  
        </table>
        <h3>Datos de la cuenta</h3>
        <table>
            <tr>
                <td>Nombre de usuario:</td>
                <td><input type="text" id="nombreDeUsuario"/></td>
            </tr>
            <tr>
                <td>Contrase&ntilde;a:</td>
                <td><input type="password" id="contrasenia"/></td>
            </tr>
            <tr>
                <td>Repita la contrase&ntilde;a:</td>
                <td><input type="password" id="contraseniaConfirmacion"/></td>
            </tr>
        </table>
         
        <input type="button" id="registrarAlumno" value="Registrar alumno"/>
        <input type="button" id="regresarPortalAlumno" value="Regresar"/>
        <div id="objetivoDeLaRespuesta"></div>
    </body>
</html>
